// 文章管理=》文章列表
// const BASE_URL ='http://api-breakingnews-web.itheima.net'
let total=0
let query={
  pagenum:1,//页码 第几页
  pagesize:4,//每页多少条数据
  cate_id:'',//类别
  state:'',//状态，已发布/草稿
}

// 第一个功能：获取文章数据
function loadList(){
  //发送请求
  axios.get(`/my/article/list`,{
    headers:{
      Authorization:localStorage.getItem('token')
    },
    params:query,
  }).then(res=>{
    //分页
    total=res.data.total
    setPage()
    //清空重置
    $('tbody').empty()
    //遍历 拼接 tr
    res.data.data.forEach(v => {
      let theTr=`<tr>
      <td>${v.title}</td>
      <td>${v.cate_name}</td>
      <td>${moment(v.pub_date).format('YYYY-MM-DD hh:mm:ss a')}</td>
      <td>${v.state}</td>
      <th>
      <button myid="${
        v.Id
      }" type="button" class="layui-btn layui-btn-xs layui-btn-danger del">删除</button>
      </th>
  </tr>`
  $('tbody').append(theTr)
    });
  })
}
loadList()

//展示 类别
function loadCates(){
  myGetCates(res=>{
    //遍历
    res.data.data.forEach(v=>{
      let theOption=`<option value="${v.Id}" lay-verify="cate">${v.name}</option>`
      $('select[name=category]').append(theOption)
    })
    //重新刷新
    let form =window.layui.form
    form.render('select','category')
  })
}
loadCates()

// 点击 筛选
// 给表单注册 submit
$('.search').on('submit',function(e){
  e.preventDefault()
  //收集值==>交给query
  query.cate_id=$('select[name=category]').val()
  query.state=$('select[name=state]').val()
  //再次请求最新的query=>类别+状态
  loadList()
})

// 分页
function setPage(){
  let laypage = layui.laypage
  laypage.render({
    elem: 'page', // 布局分页的容器 ID
    count: total, //数据总数，从服务端得到
    // 设置 每页的个数
    limit: query.pagesize,
    // 设置 页码
    curr: query.pagenum,
    // 跳
    jump: function (obj, first) {
      if (!first) {
        //2. 修改参数
        query.pagenum = obj.curr
        query.pagesize = obj.limit
        //3. 发送请求
        loadList()
      }
    },
  })
}
setPage()

//删除
$('tbody').on('click','.del',function(){
  //获取id
  let id=$(this).attr('myid')
  axios.get(`/my/article/delete/${id}`,{
    headers:{
      Authorization:localStorage.getItem('token')
    }
  }).then(res=>{
    if(res.data.status===0){
      layer.msg(res.data.message,{icon:1})
      loadList()
    }
  })
})